<template>
  <a-typography>
    <a-typography-title :level="3">404</a-typography-title>
    <a-result
      status="404"
      title="404"
      sub-title="Sorry, the page you visited does not exist."
    >
      <template #extra>
        <a-button type="primary" @click="handleClick">Back Home</a-button>
      </template>
    </a-result>
  </a-typography>
</template>
<script lang="ts">
import { defineComponent } from "vue";

import { router } from "/@/router/index";
export default defineComponent({
  setup() {
    function handleClick() {
      router.push("/user");
    }
    return {
      handleClick,
    };
  },
});
</script>
